<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	 <meta name="keywords" content="潮牌超市"/>
    <meta name="description" content="潮牌超市"/>
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<title>首页</title>
	<!-- 引入animate.min.css -->
	<link rel="stylesheet" type="text/css" href="css/animate.min.css">
	<!-- 首页css样式 -->
	<link rel="stylesheet" type="text/css" href="css/index.css">
	<link rel="stylesheet" type="text/css" href="css/mycss.css">
	<!-- <link rel="stylesheet" type="text/css" href="css/iconfont.css"> -->
	<link rel="stylesheet" type="text/css" href="bs/css/bootstrap.min.css">
	<script src="js/jquery.min.js"></script>
	<script src="bs/js/bootstrap.min.js"></script>
	<!-- 首页js效果 -->
	<script type="text/javascript" src="js/index.js"></script>
</head>
<body style="background:#F2F5F7;">
<!-- 顶部导航栏 -->
	<nav class="navbar navbar-default navbar-inverse  navbar-fixed-top" style="opacity: 0.9">
	  <div class="container">
	    <!-- Brand and toggle get grouped for better mobile display -->
	    <div class="navbar-header">
	      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
	        <span class="sr-only">Toggle navigation</span>
	        <span class="icon-bar"></span>
	        <span class="icon-bar"></span>
	        <span class="icon-bar"></span>
	      </button>
	      <a class="navbar-brand" href="#">潮牌超市</a>
	    </div>

	    <!-- 导航栏内容 -->
	    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
	      <ul class="nav navbar-nav pull-right">
	        <li class="active"><a href="#" >首页</a></li>
	        <li><a href="#cpyf">潮牌衣服</a></li>
	        <li><a href="#cpkz">潮牌裤子</a></li>
	        <li><a href="#cpxz">潮牌鞋子</a></li>
	        <li><a href="#jmsz">精美手镯</a></li>
	        <li><a href="#jqxl">精巧项链</a></li>
	      </ul>
	    </div>
	 </div>
	</nav>
<!-- 顶部导航栏结束 -->
<!-- 轮播图区域 -->
<div class="container-fluid" style="margin-top: 50px;padding: 0">
	<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
  <!-- Indicators -->
		  <ol class="carousel-indicators">
		    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
		    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
		    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
		  </ol>

  <!-- Wrapper for slides -->
  <div class="carousel-inner" role="listbox">
    <div class="item active">
      <img src="images/my/lunbo1.jpg" alt="">
    </div>
    <div class="item">
      <img src="images/my/lunbo2.jpg" alt="">
    </div>
    <div class="item">
      <img src="images/my/lunbo3.gif" alt="">
    </div>
  </div>

  <!-- Controls -->
  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
  </a>
  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
  </a>
	</div>
</div>
<!-- 轮播图区域结束 -->

<!-- 网站、app、微信开发三大模块展示区 -->
<div id="content" class="container">
	<div class="row text-center title">我们都卖什么</div>
	<br/>
	<div class="row text-center"><i>我们经营范围包括衣服、裤子、鞋子、首饰 满足你的一切需求</i></div>
	<hr/>
	<div class="row three" style="margin-top: 80px">
		<div class="col-md-4 text-center">
			<strong class="center-block" style="font-size: 16px">潮牌衣服</strong>
			<img class="center-img" src="images/my/adi.jpg">
			<p  class="center-block introduce">阿迪、耐克、superme...冠军</p>
		</div>
		<div class="col-md-4 text-center">
			<strong class="center-block " style="font-size: 16px">潮牌裤子</strong>
			<img class="center-img" src="images/my/nike.jpg">
			<p class="center-block introduce">阿迪、耐克、superme...冠军</p>
		</div>
		<div class="col-md-4 text-center">
			<strong class="center-block" style="font-size: 16px">潮牌鞋子</strong>
			<img class="center-img" src="images/my/kuangwei.jpg">
			<p class="center-block introduce">阿迪、耐克、匡威...vans</p>
		</div>
	</div>
</div>
<!-- 网站、app、微信开发三大模块展示区结束 -->
<!-- 网站开发介绍 -->
<div id="ss" class="container-fluid" style="margin-top: 80px;">
	<div class="row"><img class="fzhh" src="images/my/fzhh.jpg"></div>
</div>
<div id="cpyf" class="container" style="margin-top: 20px;">
	<div class="row wzHover">
		<div  class="col-md-6">
			<p class="line" style="width: 120px;height: 8px;background: #CA8021;"></p>
			<br>
			<h1>潮牌衣服</h1>
			<br>
			<p>卫衣、短袖、外套...帽子</p>
		</div>
		<div class="col-md-6"><img src="images/my/fzbj.jpg" style="width: 100%;"></div>
	</div>
	<div class="row wzHover">	
		<div class="col-md-6"><img src="images/my/kzbj.jpg" style="width: 100%;"></div>
		<div  class="col-md-6">
			<p class="line" style="width: 120px;height: 8px;background: #CA8021;"></p>
			<br>
			<h1>潮牌裤子</h1>
			<br>
			<p>CRZ、Off-White、Supreme...VETEMENTS</p>
		</div>
	</div>
	<div class="row wzHover">
		<div  class="col-md-6">
			<p class="line" style="width: 120px;height: 8px;background: #CA8021;"></p>
			<br>
			<h1>潮牌鞋子</h1>
			<br>
			<p>阿迪、彪马、匡威...耐克</p>
		</div>
		<div class="col-md-6"><img src="images/my/xzbj.jpg" style="width: 100%;"></div>
	</div>
	<div class="row wzHover">	
		<div class="col-md-6"><img src="images/my/szbj.jpg" style="width: 100%;"></div>
		<div  class="col-md-6">
			<p class="line" style="width: 120px;height: 8px;background: #CA8021;"></p>
			<br>
			<h1>潮牌手镯</h1>
			<br>
			<p>Lord Nermal、宝格丽、香奈儿...卡地亚</p>
		</div>
	</div>
	<div class="row wzHover">
		<div  class="col-md-6">
			<p class="line" style="width: 120px;height: 8px;background: #CA8021;"></p>
			<br>
			<h1>潮牌项链</h1>
			<br>
			<p>宝格丽、香奈儿、蒂芙尼...洛尼亚</p>
		</div>
		<div class="col-md-6"><img src="images/my/xlbj.jpg" style="width: 100%;"></div>
	</div>
</div>
<!-- 网站开发介绍结束 -->
<!-- 小程序介绍开始 -->

<div id="xcx" class="container-fluid">
	<div class="row text-center title">拥有香港、澳门、美国多种渠道货源</div>
	<div class="row text-center title2">微信相册方便选购</div>
	<div class="row text-center" ><img style="width:20%;" src="images/my/tupian1.jpg"></div>
	<div class="row text-center title">拥有众多商品品牌</div>
	<div class="row text-center">
		<div class="col-md-2 col-xs-0"></div>
		<div class="col-md-2 col-xs-6"><img src="images/my/tubiao1.jpg"><p>耐克</p></div>
		<div class="col-md-2 col-xs-6"><img src="images/my/tubiao2.jpg"><p>OFF-WHITE</p></div>
		<div class="col-md-2 col-xs-6"><img src="images/my/tubiao3.jpg"><p>Superme</p></div>
		<div class="col-md-2 col-xs-6"><img src="images/my/tubiao4.jpg"><p>VETEMENTS</p></div>
		<div class="col-md-2 col-xs-0"></div>

	</div>
	<div class="row text-center">
		<div class="col-md-2 col-xs-0"></div>
		<div class="col-md-2 col-xs-6"><img src="images/my/tubiao5.jpg"><p>匡威</p></div>
		<div class="col-md-2 col-xs-6"><img src="images/my/tubiao6.jpg"><p>宝格丽</p></div>
		<div class="col-md-2 col-xs-6"><img src="images/my/tubiao7.jpg"><p>香奈儿</p></div>
		<div class="col-md-2 col-xs-6"><img src="images/my/tubiao8.png"><p>蒂芙尼</p></div>
		<div class="col-md-2 col-xs-0"></div>

	</div>
</div>
<!-- 小程序介绍结束 -->
<!-- app介绍开始 -->
<div class="container" style="margin-top: 20px;">
	<h1 class="text-center row">APP开发</h1>
	<p class="text-center row" style="border-top: 3px solid #F19028; padding-top: 10px;">商城APP/社交APP/展示APP/企业服务APP</p>
	<div class="row">
		<div class="col-md-6">
			<div class="page-header">
			  <h1>商城APP</h1>
			  <h3><small>服务于传统电子商务和全新的O2O模式</small></h3>
			</div>
			<div>网上购物已经是现如今人们消费的主要方式之一，网上琳琅满目的商品搭配快捷的物流吸引了越来越多的消费者。需求促发供应的产生，无论你是线下商铺还是传统的电商，我们都可以为你提供专业的商城APP的开发，来助力你的商业战场。
			</div>
		</div>
		<div class="col-md-6"><img src="images/app1.png"/></div>
	</div>
	<hr>
	<div class="row">
		<div class="col-md-6"><img src="images/app2.png"/></div>
		<div class="col-md-6">
			<div class="page-header">
			  <h1>社交APP</h1>
			  <h3><small>服务于传统电子商务和全新的O2O模式</small></h3>
			</div>
			<div>网上购物已经是现如今人们消费的主要方式之一，网上琳琅满目的商品搭配快捷的物流吸引了越来越多的消费者。需求促发供应的产生，无论你是线下商铺还是传统的电商，我们都可以为你提供专业的商城APP的开发，来助力你的商业战场。
			</div>
		</div>
	</div>
	<hr>
	<div class="row">
		<div class="col-md-6">
			<div class="page-header">
			  <h1>展示APP/企业服务APP</h1>
			  <h3><small>服务于传统电子商务和全新的O2O模式</small></h3>
			</div>
			<div>网上购物已经是现如今人们消费的主要方式之一，网上琳琅满目的商品搭配快捷的物流吸引了越来越多的消费者。需求促发供应的产生，无论你是线下商铺还是传统的电商，我们都可以为你提供专业的商城APP的开发，来助力你的商业战场。
			</div>
		</div>
		<div class="col-md-6"><img src="images/app3.png"/></div>
	</div>
</div>
<!-- app介绍结束 -->
<!-- 联系方式 -->
<div  class="container">
	<div class="row footer" style="padding:10px;">
		<h3>武汉指舞科技有限责任公司</h3>
		<p>地址：湖北省武汉市江夏区黄家湖大道333号腾讯众创空间</p>
		<p>邮编：430200</p>
		<p>邮箱：<a href="mailto:support@zhiwusoft.com">support@zhiwusoft.com</a></p>
		<hr>
		<p>©ZW design. All rights reserved. 鄂ICP备15019288号-1</p>
	</div>
</div>
<!-- 联系方式结束 -->

<!-- 关于我们 -->
<div class="container-fluid" style="padding:0;">
    
      <img src="images/1.jpg" style="width: 100%">
  
</div>
<div class="container" >
	<div class="row" style="position: relative;top: -40px;">
		<div class="jumbotron col-md-12" style="background: #FA7E05">
		  <h1>Hello!</h1>
		  <p>您好！我们是指舞科技，我们拥有专业的开发团队，以及自资深的产品经验，通过专业的产品服务。我们可以给你提供专业的网站建设、微信公众号开发、微信小程序开发、APP开发和其他的软件定制工作。我们还可以给您提供精确的开发进度，让客户了解项目的进度，确保项目的顺利交付。</p>
		</div>
	</div>
	<div class="row">
		<div class="col-md-6">
			<h1 style="margin-top: 0">联系我们</h1>
			<p>地址：湖北省武汉市江夏区黄家湖大道333号腾讯众创空间</p>
			<p>电话：###</p>
			<p>邮箱：<a href="mailto:support@zhiwusoft.com">support@zhiwusoft.com</a></p>
			<hr>
			<div class="panel panel-warning col-md-4">
			  <div class="panel-heading text-center">
			    扫一扫加微信
			  </div>
			  <div class="panel-body"><img src="images/weixin.jpg" style="width: 100%;height: 100%;"></div>
			</div>
			<div class="col-md-1"></div>
			<div class="panel panel-warning col-md-4">
			  <div class="panel-heading text-center">
			    扫一扫加QQ
			  </div>
			  <div class="panel-body"><img src="images/qq.jpg" style="width: 100%;height: 100%;"></div>
			</div>
		</div>
		<div class="col-md-6">
			<form>
			  <div class="form-group">
			    <label>您的手机号</label>
			    <input type="text" class="form-control"  placeholder="请输入手机号">
			  </div>
			  <div class="form-group">
			    <label>您的基本需求</label>
			    <textarea style="height: 200px;" class="form-control"  placeholder="请输入需求，内容"></textarea>
			  </div>
			  <button type="submit" class="btn btn-primary">提交</button>
			</form>
		</div>

	</div>
</div>
<!-- 关于我们结束 -->
</body>
</html>